<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html">
        <h:head>
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>Bajlam System</title>
            </f:facet>
        </h:head>

        <h:body>

            <p:layout fullPage="true">

                <p:layoutUnit position="north" size="100" resizable="true" closable="true" collapsible="true" >

       <h:form>
    <p:growl id="messages" showDetail="true"/>
 <img src="Cabeza.png" width="100%" height="37" alt="Cabeza"/>
    <p:menuButton value="Opciones">
        <p:menuitem value="Realizar Cotización" url="cotizacion.xhtml" update="messages" />
        <p:menuitem value="Ingreso De Compras" url="ingresocompra.xhtml" update="messages" />
        <p:separator />
        <p:menuitem value="Menu Principal" url="welcomePrimefaces.xhtml" icon="ui-icon-extlink"/>
    </p:menuButton>
</h:form>        
                    
       

                </p:layoutUnit>

                <p:layoutUnit position="south" size="100" closable="true" collapsible="true">
                    <center><H1>Compras</H1> </center>
                </p:layoutUnit>

              

                <p:layoutUnit position="center" style="background-color:#FFFFFF;"  >
 
 <!-- Inicio De Cotización -->
 
                               <p:tabView orientation="left" style="width:100%"  >
                                   <p:tab title="Realizar Cotizacion" >
            <h:panelGrid columns="2" cellpadding="10">
<h:form>
                          <p:panel header="Datos De Cotización" style="width:400px">
                              <h:panelGrid columns="1" cellpadding="0" >
                                  
                               <h:outputLabel for="id_grupo" value="ID Grupo De Cotización" />
                              <p:inputText value="02" id="id_grupo" required="false"/>
                            <p:splitButton value="Consultar"   >
                            <p:menuitem value="Crear Grupo" />
                            </p:splitButton>
                              
                              
                              <h:outputLabel for="id_producto" value="Id Producto" />
                              <p:inputText value="AB-045" id="id_producto" required="true"/>
                            <p:splitButton value="Consultar"   >
                            <p:menuitem value="Crear Producto" />
                          </p:splitButton>
                              
                              <h:outputLabel for="cantidad" value="Cantidad" />
                              <p:inputText value="" id="cantidad" required="true"/>
                              
                              <h:outputLabel for="estado" value="Estado" />
                              <p:inputText value="Activo" id="estado" required="true"/>
                              <p:splitButton value="Consultar"   >
                              <p:menuitem value="Crear Estado" />
                               </p:splitButton>
                              
                                 <p:growl id="messages" />

                        <p:splitButton value="Save" actionListener="#{buttonView.save}" update="messages" icon="ui-icon-disk">
                            <p:menuitem value="Update" actionListener="#{buttonView.update}" update="messages" icon="ui-icon-arrowrefresh-1-w" />
                            <p:menuitem value="Delete" actionListener="#{buttonView.delete}" ajax="false" icon="ui-icon-close" />
                            <p:separator />
                            <p:menuitem value="Cancelar" url="#" icon="ui-icon-extlink" />
                        </p:splitButton>
                          </h:panelGrid>
                        </p:panel>
                   </h:form>  
                
                    <h:form>
                          <p:panel header="Detalle De Cotización" style="width:500px">
                              <h:panelGrid columns="2" cellpadding="2" >
                                  
                               <h:outputLabel for="id_cotizacion" value="ID Cotización" />
                               <p:inputText value="02"  disabled="true" id="id_cotizacion" required="false"/>
                              
                              <h:outputLabel for="fecha_ini" value="Fecha Contización" />
                              <p:calendar  id="fecha_ini" required="true" />
                              
                              
                              <h:outputLabel for="fecha_ven" value="Fecha De Vencimiento" />
                              <p:calendar  id="fecha_ven" required="true"/>
                              
                              <h:outputLabel for="id_proveedor" value="ID Proveedor" />
                              <p:inputText value="" id="id_proveedor" required="true"/>
                              <p:splitButton value="Consultar"   >
                              <p:menuitem value="Crear Proveedor" />
                               </p:splitButton>
                              <p:separator />
                                  
                              <h:outputLabel for="id_usuario" value="ID Usuario" />
                              <p:inputText value="" id="id_usuario" required="true"/>
                              
                              <h:outputLabel for="precio_u" value="Precio Unidad" />
                              <p:inputText value="" id="precio_u" required="true"/>
                              
                              <h:outputLabel for="descuento" value="Descuento Q." />
                              <p:inputText value="" id="descuento" required="true"/>
                              
                              <h:outputLabel for="total" value="Total Q." />
                              <p:inputText value="" id="total" required="true"/>
                              
                                 <p:growl id="messages" />

                        <p:splitButton value="Save" actionListener="#{buttonView.save}" update="messages" icon="ui-icon-disk">
                            <p:menuitem value="Update" actionListener="#{buttonView.update}" update="messages" icon="ui-icon-arrowrefresh-1-w" />
                            <p:menuitem value="Delete" actionListener="#{buttonView.delete}" ajax="false" icon="ui-icon-close" />
                            <p:separator />
                            <p:menuitem value="Cancelar" url="#" icon="ui-icon-extlink" />
                        </p:splitButton>
                          </h:panelGrid>
                        </p:panel>
                   </h:form>  
                    



            </h:panelGrid>
        </p:tab>
 <!-- Fin De Cotización -->
 
                    
<!-- Inicio De Compras -->

        <p:tab title="Ingreso De Compra" >
  <h:form>
                          <p:panel header="Ingreso De Compra" style="width:500px">
                              <h:panelGrid columns="2" cellpadding="2" >
                                  
                               <h:outputLabel for="id_cotizacion" value="ID Cotización" />
                               <p:inputText value="02"  disabled="true" id="id_cotizacion" required="false"/>
                              
                              <h:outputLabel for="fecha" value="Fecha" />
                              <p:calendar  id="fecha" required="true" />
                                                            
                              <h:outputLabel for="id_proveedor" value="ID Proveedor" />
                              <p:inputText value="" id="id_proveedor" required="true"/>
                              <p:splitButton value="Consultar"   >
                              <p:menuitem value="Crear Proveedor" />
                              </p:splitButton>
                              <p:separator />
                                  
                              <h:outputLabel for="nit_proveedor" value="Nit Proveedor" />
                              <p:inputText value="" id="nit_proveedor" required="true"/>
                              
                              <h:outputLabel for="cantidad_c" value="Cantidad" />
                              <p:inputText value="" id="cantidad" required="true"/>
                              
                              <h:outputLabel for="precio_u_c" value="Precio U/Q." />
                              <p:inputText value="" id="precio_u" required="true"/>
                              
                              <h:outputLabel for="descuento_c" value="Descuento Q." />
                              <p:inputText value="" id="decuento_c" required="true"/>
                              
                                

                        
                          </h:panelGrid>
                        </p:panel>
      
      
      
      <p:panel header="Detalle De Compra" style="width:500px">
                              <h:panelGrid columns="2" cellpadding="2" >
                                  
                               <h:outputLabel for="total_c" value="Total Q." />
                               <p:inputText value="0.00"  disabled="true" id="total_c" required="false"/>
                              
                              <h:outputLabel for="no_factura" value="No. Factura" />
                              <p:inputText value=""  id="no_factura" required="true" />
                                                            
                              <h:outputLabel for="tipo_cuenta" value="Tipo Cuenta - Estado" />
                              <p:inputText value="Cuenta Por Pagar" id="tipo_cuenta" required="true"/>
                              <p:splitButton value="Consultar"   >
                              <p:menuitem value="Crear Cuenta" />
                              </p:splitButton>
                              <p:separator />
                                  
                              <h:outputLabel for="tipo_pago" value="Tipo De Pago" />
                              <p:inputText value="" id="tipo_pago" required="true"/>
                              
                              
                                 <p:growl id="messages" />

                        <p:splitButton value="Save" actionListener="#{buttonView.save}" update="messages" icon="ui-icon-disk">
                            <p:menuitem value="Update" actionListener="#{buttonView.update}" update="messages" icon="ui-icon-arrowrefresh-1-w" />
                            <p:menuitem value="Delete" actionListener="#{buttonView.delete}" ajax="false" icon="ui-icon-close" />
                            <p:separator />
                            <p:menuitem value="Cancelar" url="#" icon="ui-icon-extlink" />
                        </p:splitButton>
                          </h:panelGrid>
                        </p:panel>
                   </h:form>  
                    
            
        </p:tab>
  
<!-- ......................................................Fin facturación............................................................................. -->

                     
                    
                    
  </p:tabView>
                </p:layoutUnit>

            </p:layout>

        </h:body>

    </f:view>
</html>


